<!DOCTYPE html>
<html lang="zh-CN" xml:lang="zh-CN">
  <head>
    <title>{{ mustache }}</title>
    <link href="burt.css" media="screen" rel="stylesheet" type="text/css" />
    <!-- <link href="extras/highlight.css" media="screen" rel="stylesheet" type="text/css" /> -->
  </head>
  <body>
    <span id="logo">}</span>
    <div id="content">
      <p>无逻辑的 JavaScript 模板引擎</p>
	  <a href="https://github.com/janl/mustache.js" target="_blank"> mustache 官方手册(github) </a>
	  &nbsp;&nbsp;&nbsp;&nbsp;
	  <a href="https://npect.com/2016/01/28/mustache-doc-cn/" target="_blank"> mustache 手册中文版</a>
      <p>
        <a id="demo" href="#demo">本地 Demo 点我</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a id="demo" target="_blank" href="http://mustache.github.io/#demo"> 官网 Demo</a>
      </p>

      <div id="demo-box" style="display:none;">
        <label>Mustache</label>
        <textarea class="template">
<h1>{{response.numFound}}</h1>

{{#response.docs}}
  {{policy_type_name}}
    <li><strong>{{policy_question_name}}</strong></li>
  
{{/response.docs}}
		</textarea>

        <label>JSON <small>(try setting empty to true)</small></label>
        <textarea class="json">
{
    "response": {
        "numFound": 30,
        "start": 0,
        "docs": [
            {
                "policy_type_name": "医疗查询",
                "policy_question_name": "参保人员怎样办理异地居住就医登记？",
                "policy_answer": "首先由参保人员……",
                "policy_type_code": "2",
                "policy_question_code": "039",
                "id": "39"
            },
            {
                "policy_type_name": "医疗保险",
                "policy_question_name": "参保人员住院医疗费报销比例是怎样规定的？",
                "policy_answer": "参保人员住院医……",
                "policy_type_code": "2",
                "policy_question_code": "023",
                "id": "23"
            }
        ]
    }
}
		</textarea>

        <p><input type="button" class="run" value="渲染模板"/></p>

        <label>HTML</label>
        <pre class="html sh_html"></pre>
        <div id="view">
        </div>
      </div>

      </div>

	<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="mustache.js"></script>
	<script type="text/javascript" src="tom.js"></script>
    <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="extras/mustache.js"></script>
    <script src="extras/highlight.js"></script>
    <script src="tom.js"></script> -->
  </body>
</html>

